English+GermanWikipedia - /page/entry.mu

Micron Document

<!DOCTYPE html>

<title>Visualisierung</title>

</head>

<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Visualisierung</span></h1>

</header>

</div>

<p>Mit <b>Visualisierung</b> oder <b>Veranschaulichung</b> (Sichtbarmachen) meint man im Allgemeinen, abstrakte Daten (z. B. Texte) und Zusammenhänge in eine graphische bzw. visuell erfassbare Form zu bringen.

</p><p>Dazu gehört etwa die Umsetzung eines Marketingkonzepts durch einen Werbespot, die Entwicklung eines Drehbuchs aus einem Drama, oder die gestenreiche Darstellung bzw. Präsentation<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> eines Sachverhalts bei einem Vortrag oder die <a href="Prozessvisualisierung" title="Prozessvisualisierung">Prozessvisualisierung</a> im technischen Bereich. Im Speziellen bezeichnet Visualisierung den Prozess, sprachlich oder logisch nur schwer formulierbare Zusammenhänge in visuelle Medien zu übersetzen, um sie damit verständlich zu machen. Weiterhin wird Visualisierung eingesetzt, um einen bestimmten Zusammenhang deutlich zu machen, der sich aus einem gegebenen Datenbestand ergibt, der aber nicht unmittelbar deutlich wird.

</p><p>Dabei werden Details der Ausgangsdaten weggelassen, die im Kontext der gewünschten Aussage vernachlässigbar sind. Zudem sind stets gestalterische Entscheidungen zu treffen, welche visuelle Umsetzung geeignet ist und welcher Zusammenhang gegebenenfalls betont werden soll. Visualisierungen implizieren daher stets eine Interpretation der Ausgangsdaten, werden aber auch durch textliche oder sprachliche Angaben ergänzt, um eine bestimmte Interpretation zu kommunizieren. Schließlich wird Visualisierung auch rein illustrativ benutzt, um etwa ein Gegengewicht zum Textkörper zu bilden, ohne eine eigene Aussage zu transportieren.

</p><p>Als Medien für Visualisierung kommen zum Beispiel <a href="Handzeichnung" class="mw-redirect" title="Handzeichnung">manuelle</a>, <a href="Druckgrafik" class="mw-redirect" title="Druckgrafik">gedruckte</a> und <a href="Computergrafik" title="Computergrafik">Computergrafik</a>, Daten<a href="Tabelle" title="Tabelle">tabellen</a>, Film- und <a href="Computeranimation" title="Computeranimation">Computeranimation</a> sowie <a href="Immersive_Medien" title="Immersive Medien">immersive Medien</a> wie <a href="Extended_Reality" title="Extended Reality">XR</a> (<a href="Virtuelle_Realit%C3%A4t" title="Virtuelle Realität">Virtual Reality</a>, <a href="Mixed_Reality" title="Mixed Reality">Mixed Reality</a>, <a href="Erweiterte_Realit%C3%A4t" title="Erweiterte Realität">Augmented Reality</a>) zur Anwendung.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup>

</p>

<div class="mw-heading mw-heading2"><h2 id="Einsatzgebiete">Einsatzgebiete</h2></div>

<ul><li>Ein Chef zeigt die <a href="Erl%C3%B6s" title="Erlös">Umsatzzahlen</a> des letzten <a href="Quartal" title="Quartal">Quartals</a> in einem <a href="Balkendiagramm" class="mw-redirect" title="Balkendiagramm">Balkendiagramm</a>.</li>

<li>Raumbezogene Daten, z. B. die Verteilung der Bevölkerungsdichte in Deutschland, werden in einer <a href="Karte_(Kartografie)" title="Karte (Kartografie)">Karte</a> dargestellt und veranschaulicht (Geovisualisierung, <a href="Kartografie" title="Kartografie">Kartografie</a>).</li>

<li>Der <a href="Turbine" title="Turbine">Turbinen</a>-Ingenieur lässt sich den Luftstrom anhand der Dichten bildlich darstellen und betrachtet den zeitlichen Verlauf in einem Film.</li>

<li>Eine <a href="Protein" title="Protein">Protein</a>-Struktur sieht der Chemiker gerne als 3D-<a href="Molek%C3%BCl" title="Molekül">Molekül</a>-Darstellung auf dem <a href="Bildschirm" title="Bildschirm">Bildschirm</a>, dreidimensional mit einer <a href="Polarisation" title="Polarisation">Polarisations</a>-Shutter-Brille, und möchte das Molekül womöglich auch drehen.</li>

<li>Der Verkehrsplaner plant eine neue <a href="Lichtzeichenanlage" class="mw-redirect" title="Lichtzeichenanlage">Ampel</a> an einer Verkehrskreuzung und die <a href="Simulation" title="Simulation">Simulations</a>-Software visualisiert ihm den veränderten Verkehrsfluss als Aufsicht auf die Kreuzung.</li>

<li>Ein <a href="Architekt" title="Architekt">Architekt</a> plant ein neues Gebäude und zeigt mit Hilfe einer Visualisierung, wie sich dieses in die bestehende Umgebung einfügt. Verbreitet ist hierfür die Visualisierung mittels 3D-Computergrafik.</li>

<li>Bei der <a href="Renovierung" title="Renovierung">Renovierung</a> oder Gebäudegestaltung setzen Kundenberater häufig auch <a href="Visualisierungsprogramm" title="Visualisierungsprogramm">Visualisierungsprogramme</a> zur Entscheidungsfindung ein. Auf Basis eines realen Fotos können verschiedene Änderungswünsche wie z. B. neue Türen, farbige Fenster oder ein komplett neues Dach realitätsnah „anprobiert“ werden.</li>

<li>In der Prozessautomatisierung werden ganze Industrieanlagen via Bildschirm gesteuert und überwacht. Dabei werden die einzelnen <a href="Aggregat_(Technik)" title="Aggregat (Technik)">Aggregate</a> als Blöcke dargestellt, Statusabfragen und Handeingriffe geschehen via Mausklick.</li>

<li>Ein bekanntes Beispiel für die <i>wissenschaftliche Visualisierung</i> ist der <a href="Wetterbericht" class="mw-redirect" title="Wetterbericht">Wetterbericht</a> im <a href="Fernsehen" title="Fernsehen">Fernsehen</a>.</li></ul>

<p>Im industriellen und technischen Bereich gibt es für die Visualisierung von Prozessabläufen spezielle Software, sogenannte <i>Visualisierungssysteme</i>.

</p><p>Für <a href="Medienplayer" class="mw-redirect" title="Medienplayer">Medienplayer</a> bezeichnen <i>Visualisierungen</i> Techniken zur Darstellung von abgespielter Musik in Form von bewegten Bildern.

</p>

<div class="mw-heading mw-heading2"><h2 id="Datenvisualisierung">Datenvisualisierung</h2></div>

<p>Die Wissenschaft von der Visualisierung von Daten nutzt Kenntnisse über

</p>

<ul><li>die <a href="Farbenlehre" title="Farbenlehre">Farbenlehre</a>,</li>

<li>den Aufbau des menschlichen <a href="Auge" title="Auge">Auges</a></li>

<li>die <a href="Psychophysik" title="Psychophysik">Psychophysik</a> und</li>

<li>die <a href="Kognitionspsychologie" title="Kognitionspsychologie">Kognitionspsychologie</a></li></ul>

<p>aus, um anwendungsbezogen visuelle Metaphern zum korrekten, effizienten und umfassenden Erkennen von Datenmustern systematisch herzuleiten. Die Aktivität des Visualisierens ist ein davon zunächst abgetrennter Teil, der durch die Visualisierungs-Pipeline schematisiert wird.

</p>

<div class="mw-heading mw-heading3"><h3 id="Visualisierungs-Pipeline">Visualisierungs-Pipeline</h3></div>

<p>Die Visualisierungs-Pipeline spezifiziert die Prozesskette mittels derer Daten in Bilder überführt werden. Sie besteht aus in Reihe geschalteten Funktionen zum Generieren, Filtern und Bereinigen von Daten, zum Abbilden der Daten auf Geometrien und Materialien, zum <a href="Bildsynthese" title="Bildsynthese">Rendern</a> dieser Objekte und zum Darstellen des gerenderten Bildes. Das Paradigma der erweiterten Visualisierungs-Pipeline schließt die interaktive Ausführung oder Steuerung durch mindestens einen Zuschauer ein.

</p><p>Nicht zwingend notwendig, jedoch vermehrt impliziert, ist die <a href="Implementierung" title="Implementierung">Implementierung</a> der Visualisierungspipeline als <a href="Visualisierungsprogramm" title="Visualisierungsprogramm">Visualisierungsprogramm</a> auf einem <a href="Computer" title="Computer">Computer</a>. Dessen Verwendung komplementiert dann das automatisierte Finden und Bewerten von Datenmustern als Bestandteil des <a href="Data-Mining" title="Data-Mining">Data-Minings</a>.

</p><p>Verbreitet ist das folgende Prinzip:

</p><p>Daten(gewinnung) → Filter(bereinigung) → Konvertierung (auf Geometrie und Attribute) → Darstellung (je nach Perspektive, Anzeigetechnik)

</p>

<div class="mw-heading mw-heading3"><h3 id="Wissenschaftliche_Visualisierung">Wissenschaftliche Visualisierung</h3></div>

<p>Die <i>wissenschaftliche Visualisierung</i> bezeichnet die Wissenschaft und die <a href="Methodik" title="Methodik">Methodik</a> der Visualisierung von gemessenen Daten oder Simulationsergebnissen denen unmittelbar physikalische Prozesse zugeordnet werden. Anwendungsfelder stammen dabei aus den Ingenieurs- und Naturwissenschaften.

Eine wissenschaftliche Visualisierung muss dabei drei Kriterien entsprechen:

</p>

<ol><li>Expressivität (Ausdrucksfähigkeit): Die Darstellung soll nur zeigen, was in den Daten auch enthalten ist, und keine falschen Aussagen suggerieren.</li>

<li>Effektivität: Die Darstellung soll den visuellen Fähigkeiten des Menschen gerecht werden.</li>

<li>Angemessenheit (Adäquatheit): Die Erzeugung der Darstellungen darf nicht übermäßig teuer sein (z. B. Rechenzeit).</li></ol>

<p>Als Spezialgebiet der <i>wissenschaftlichen Visualisierung</i> umfasst die <i>medizinische Visualisierung</i> die Erforschung und Anwendung von Methoden zur Visualisierung von Lebewesen zum Zweck der medizinischen Diagnose.

</p>

<div class="mw-heading mw-heading3"><h3 id="Informationsvisualisierung">Informationsvisualisierung</h3></div>

<p>Die <i><a href="Informationsvisualisierung" title="Informationsvisualisierung">Informationsvisualisierung</a></i> ist die Visualisierung von abstrakten Daten, die nicht unmittelbar mit physikalischen Zuständen und Prozessen assoziiert werden. Dieses sind zum Beispiel Dokumente, Börsenergebnisse und Demografiedaten. Ähnlich verhält es sich auch bei der Visualisierung von Kennzahlen, Analysewerten und Berichten. Diese basieren in der Regel auf Zahlen und Zeichen die häufig in tabellarischer Form vorliegen.

</p>

<div class="mw-heading mw-heading2"><h2 id="Visualisierung_in_der_Kunst">Visualisierung in der Kunst</h2></div>

<p>Ein individualistisches Beispiel von Visualisierung in der bildenden Kunst liefert uns der bekannte deutsche Landschaftsmaler Caspar David Friedrich mit seiner Aussage:

</p>

<p>„Schließe dein leibliches Auge, damit du mit dem geistigen Auge zuerst siehest dein Bild.

Dann fördere zutage, was du im Dunkeln gesehen, dass es zurückwirke auf andere von außen nach innen.“

</p>

</blockquote>

</div><div class="cite" style="margin:-1em 0 1em 1em;">– <style data-mw-deduplicate="TemplateStyles:r261921330">

/* start https://de.wikipedia.org/ */

.mw-parser-output .Person{font-variant:small-caps}

/* end https://de.wikipedia.org/ */

</style><span class="Person h-card"><a href="Caspar_David_Friedrich" title="Caspar David Friedrich">Caspar David Friedrich</a></span></div></div>

<div class="mw-heading mw-heading2"><h2 id="Visualisierung_in_der_Architektur">Visualisierung in der Architektur</h2></div>

<p>In der <a href="Architektur" title="Architektur">Architektur</a> und Innenarchitektur bezeichnet der Begriff <i>Visualisierung</i> die bildliche Darstellung eines geplanten <a href="Bauwerk" title="Bauwerk">Bauwerks</a> oder einer städtebaulichen Situation. Die Visualisierung tritt anstelle von <a href="Technische_Zeichnung" title="Technische Zeichnung">Technische Zeichnungen</a>, die für Laien oft schwer lesbar sind.

</p>

<div class="sieheauch" role="navigation" style="font-style:italic;"><span class="sieheauch-text">Siehe auch</span>: <a href="Architekturdarstellung" title="Architekturdarstellung">Architekturdarstellung</a></div>

<div class="mw-heading mw-heading2"><h2 id="Beispiele">Beispiele</h2></div>

<p>In <a href="Unternehmenslogo" class="mw-redirect" title="Unternehmenslogo">Logos</a> werden Informationen oder Ideen grafisch verdichtet. Sie können rechtlich geschützt sein.<br> Beispiel: <a href="WWF#Organisation" title="WWF">WWF (World Wide Fund For Nature)</a>

</p>

<div class="mw-heading mw-heading3"><h3 id="Label">Label</h3></div>

<p>In <a href="Etikett" title="Etikett">Labels</a> werden Konzepte oder Marken z. B. mittels Symbolen dargestellt. Sie können rechtlich geschützt sein.<br> Beispiel: <a href="Gr%C3%BCner_Punkt" title="Grüner Punkt">Grüner Punkt</a>

</p>

<div class="mw-heading mw-heading3"><h3 id="Cartoon">Cartoon</h3></div>

<p>In <a href="Cartoon" title="Cartoon">Cartoons</a> und <a href="Comic" title="Comic">Comics</a> werden politische, soziale, persönliche Erfahrungen und Ideen optisch verdichtet.<br> Beispiel: <a href="Mordillo" class="mw-redirect" title="Mordillo">Mordillo</a>, <a href="Walt_Disney" title="Walt Disney">Walt Disney</a>

</p>

<div class="mw-heading mw-heading3"><h3 id="Porträt"><span id="Portr.C3.A4t"></span>Porträt</h3></div>

<p>In <a href="Portr%C3%A4t" title="Porträt">Porträts</a> sind Persönlichkeiten und ihre Lebensgeschichten enthalten.<br> Beispiel: <a href="Einstein" class="mw-redirect" title="Einstein">Einstein</a> (hier sogar in einer <a href="Formel" title="Formel">Formel</a>)

</p>

<div class="mw-heading mw-heading3"><h3 id="Diagramm">Diagramm</h3></div>

<p><a href="Diagramm" title="Diagramm">Diagramme</a> machen Zusammenhänge visuell erfahrbar.<br> Beispiel: <a href="Sankey-Diagramm" title="Sankey-Diagramm">Energiekonzept</a>

</p>

<div class="mw-heading mw-heading3"><h3 id="Schema">Schema</h3></div>

<p>Allgemein eine auf das Wesentliche beschränkte Darstellung eines Sachverhaltes, siehe z. B. <a href="R%26I-Flie%C3%9Fschema" class="mw-redirect" title="R&I-Fließschema">R&I-Fließschema</a>.

</p>

<div class="mw-heading mw-heading3"><h3 id="Piktogramm">Piktogramm</h3></div>

<p>Ein <a href="Piktogramm" title="Piktogramm">Piktogramm</a> ersetzt schriftliche Kurz-Hinweise.<br> Beispiel: <a href="Fluchtweg" title="Fluchtweg">Fluchtweg</a>

</p>

<p>Ein <a href="Fotografie" title="Fotografie">Foto</a> macht Inhalte unmittelbar visuell erfahrbar.<br> Beispiel: Foto von <a href="Mare_Frisium" title="Mare Frisium">Mare Frisium</a>.

</p>

<div class="mw-heading mw-heading3"><h3 id="Pinnwand">Pinnwand</h3></div>

<p><a href="Pinnwandmoderation" title="Pinnwandmoderation">Pinnwandmoderation</a> visualisiert Ideen, Entwicklungen, Gruppenprozesse.

</p>

<div class="mw-heading mw-heading2"><h2 id="Einordnung">Einordnung</h2></div>

<p>Die Visualisierung ist eine Querschnitts-Wissenschaft, die – neben Anwendungsgebiet der Computergrafik – je nach Betrachtungsweise auch aufgefasst werden kann als:

</p>

<ul><li>Teilgebiet der Lehre vom Präsentieren,</li>

<li>Teilgebiet der <a href="Pinnwandmoderation" title="Pinnwandmoderation">Pinnwandmoderation</a>,</li>

<li>Teilgebiet des (wissenschaftlichen) <a href="Journalismus" title="Journalismus">Journalismus</a>,</li>

<li>Teilgebiet des <a href="Kommunikationsdesign" class="mw-redirect" title="Kommunikationsdesign">Kommunikationsdesigns</a>,</li>

<li>verwandt zur <a href="Bildende_Kunst" title="Bildende Kunst">bildenden Kunst</a>.</li></ul>

<p>Jemand, der eine Visualisierung eines Sachverhalts erzeugen möchte, muss

</p>

<ul><li>Verständnis von den zugrundeliegenden Zusammenhängen haben,</li>

<li>den Empfänger seiner Visualisierung kennen,</li>

<li>wissen, wie diese Zusammenhänge am besten dem Empfänger erklärt werden,</li>

<li>das Vorhaben der Visualisierung umsetzen können, also entsprechende Werkzeuge beherrschen und ihre Grenzen kennen,</li>

<li>Grundkenntnisse über optische <a href="Sinn_(Wahrnehmung)" title="Sinn (Wahrnehmung)">Sinneskanäle</a> haben,</li>

<li>den inhaltlichen Verlauf des Gesprächs erfassen und ohne eigene Ergänzung, <a href="Verf%C3%A4lschung" title="Verfälschung">Verfälschung</a> und Kommentierung zusammenfassen,</li>

<li>den roten <a href="Faden" title="Faden">Faden</a> und zentrale Aspekte des Gesprächsverlaufs erkennen und für Anwesende präsent halten,</li>

<li>eine steigende <a href="Interaktion" title="Interaktion">Interaktions</a>dichte übersichtlich dokumentieren.</li></ul>

<div class="mw-heading mw-heading2"><h2 id="Technische_Produktvisualisierung">Technische Produktvisualisierung</h2></div>

<p>Die technische Produktvisualisierung ist die 3D-Darstellung einer Produktgeometrie. Da der Empfänger meist nicht alle Informationen, die in einem CAD-Datenmodell vorhanden sind, benötigt, kann dieses vereinfacht werden.

</p>

<div class="mw-heading mw-heading2"><h2 id="Software">Software</h2></div>

<p>Visualisierungen können heute ganz einfach am Computer mittels <a href="Visualisierungsprogramm" title="Visualisierungsprogramm">Visualisierungsprogrammen</a> erstellt werden. Für die unterschiedlichsten Aufgabenstellungen gibt es ein breitgefächertes Spektrum an Programmen. 3D-Visualisierungen gewinnen in Unternehmen zunehmend an Bedeutung und werden nicht mehr ausschließlich für Werbezwecke eingesetzt. Im Verkauf, im Vertrieb für interne Präsentationen, für die Produktentwicklung und in der PR- und Öffentlichkeitsarbeit werden Visualisierungen immer wichtiger. Um die Visualisierungen dem gesamten Unternehmen und auch den externen Partnern und Zulieferern zur Verfügung zu stellen, werden die einmal erstellten Medien für die vielfältigen Einsatzmöglichkeiten (Print, Web, Video, CD-ROM usw.) aufbereitet und in einer zentralen Datenbank verwaltet. Und das alles ist bereits möglich, während die Produkte noch in der Planung oder Produktion sind. Bildelemente oder ganze Bildwelten werden dazu künstlich erzeugt oder in reale Bilder integriert. Klassisch gefilmtes oder auf Videobändern aufgezeichnetes Bildmaterial wird digitalisiert, bearbeitet und mit visuellen Effekten versehen. Bewegte oder stehende Bilder werden retuschiert, korrigiert oder miteinander zu neuen, absolut real wirkenden Bildern kombiniert.

</p>

<div class="mw-heading mw-heading2"><h2 id="Siehe_auch">Siehe auch</h2></div>

<ul><li><a href="Audiovisualisierung" title="Audiovisualisierung">Audiovisualisierung</a> – Darstellung von Klang und Akustik</li>

<li><a href="Bildgebendes_Verfahren" title="Bildgebendes Verfahren">Bildgebendes Verfahren</a></li>

<li><a href="Computervisualistik" title="Computervisualistik">Computervisualistik</a></li>

<li><a href="Errechnetes_Bild" title="Errechnetes Bild">Errechnetes Bild</a></li>

<li><a href="Sonifikation" title="Sonifikation">Sonifikation</a> – Die „Verklanglichung“ von Daten</li>

<li><a href="Datenkompetenz" title="Datenkompetenz">Datenkompetenz</a></li></ul>

<div class="mw-heading mw-heading2"><h2 id="Literatur">Literatur</h2></div>

<ul><li>A. Alteneder (Hrsg.): <i>Visualisieren mit dem Computer: Computergrafik und -animation. Entwicklung, Realisierung, Kosten.</i> Siemens, München 1993.</li>

<li>Chun-houh Chen, <a href="Wolfgang_H%C3%A4rdle" title="Wolfgang Härdle">Wolfgang Härdle</a>, Antony Unwin (Hrsg.): <i>Handbook of Data Visualization.</i> Springer, Berlin 2008, ISBN 978-3-540-33036-3.</li>

<li>H. Schumann, W. Müller: <i>Visualisierung. Grundlagen und allgemeine Methoden.</i> Springer, Berlin-Heidelberg 2008, ISBN 978-3-540-64944-1.</li>

<li>T. Rahlf: <i>Datendesign mit R: 100 Visualisierungsbeispiele.</i> Open Source Press, München 2014, ISBN 978-3-95539-094-5.</li></ul>

<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>

<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text">Vgl. Claudia Nöllke: <i>Präsentieren.</i> 5., aktualisierte Auflage. Haufe, Freiburg 2010, ISBN 978-3-448-10026-6, S. 58–61 (<i>Visualisierungen – worauf kommt es an?</i>)</span>

</li>

<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><a href="Josef_W._Seifert" title="Josef W. Seifert">Josef W. Seifert</a>: Visualisieren, Präsentieren, Moderieren, 26. Aufl., Offenbach 2009, S. 11–46.</span>

</li>

</ol>

<div>

Normdaten (Sachbegriff): <a href="Gemeinsame_Normdatei" title="Gemeinsame Normdatei">GND</a>: <span class="-print"><a rel="nofollow" class="external text" href="https://d-nb.info/gnd/4188417-6">4188417-6</a></span> </div>

</div></div></div><div><div class="zim-footer">

Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-10-29" href="https://de.wikipedia.org/wiki/?title=Visualisierung&oldid=261055440">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.

</div>

</div></div>

</div>

</main>

</div>

</body></html>